<template>
  <div class="footer">
     <footer>
         <ul>
          <li><img src="@/assets/img-index/首页.png" alt=""></li>
          <li><img src="@/assets/img-index/分类.png" alt=""></li>
          <li><img src="@/assets/img-index/发现.png" alt=""></li>
          <li ><img src="@/assets/img-index/购物车.png" alt="" class="img4"></li>
          <li><img src="@/assets/img-index/我的.png" alt=""></li>
         </ul>
       </footer>
  </div>
</template>

<script>

</script>

<style scoped>
footer ul{
  height: 3.5rem;
  display: flex;
  justify-content: space-around;
  background: white;
  box-shadow: 0 -0.3rem 0.5rem rgba(0,0,0,0.08);
  align-items: center;
  border-top: 1px solid rgb(218, 211, 211);
}
footer ul li img{
  width: 1.7rem;
  height: 2.5rem;
}
footer ul li .img4{
  width: 2.5rem;
  height: 3rem;
}
</style>